
$main_font_color:#333333;
$main_color:#3E6EF1;
$main_bg_color:#F2F2F2;
$fs-color: #666666;
$b-color: #E6E6E6;
$col-c: #CCCCCC;
$col-f: #F26845;
$col-9: #999999;
$col-f8: #F8F8F8;
$col-e: #EEEEEE;

$col-f2: #f26845;
$col-f3: #f2f3f5;
$col-e2: #e2ecff;
$col-8: #86909c;
$font-col: #1d2129;

@function r($px) {
    @return $px/100+rem;
}
@mixin wh($w, $h) {
    width: $w;
    height: $h;
}

@mixin font($size:14px, $color:$main_font_color) {
    font-size: $size;
    color: $color;
}

@mixin flex($align-items:center, $justify-content:center) {
    display: flex;
    align-items: $align-items;
    justify-content: $justify-content;
}

@mixin abs-right($r:0px) {
    position: absolute;
    right: $r;
    top: 50%;
    transform: translateY(-50%);
}
@mixin abs-left($l:0px) {
    position: absolute;
    left: $l;
    top: 50%;
    transform: translateY(-50%);
}
@mixin abs-content() {
    position: absolute;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@mixin overflow($clamp:2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $clamp;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-break: break-all;
}

@mixin ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.no-data{
    @include abs-content();
    img{
        display: block;
        margin: auto;
    }
    p{
        @include font(14px,$col-9);
        text-align: center;
        margin-top: 10px;
    }
}